<ion-content>
    <app-main-header [showBack]="true" [title]="'注册'"></app-main-header>
    <div class="page-content register-page">
        <div class="page-logo">
            <img class="logo" src="./assets/image/main/logo.jpeg"/></div>
        <div class="page-form">
            <p>
                <input class="form-input"
                       [(ngModel)]="formData.phone"
                       [pattern]="'/^([1-9]\d|[1-9])$/g'"
                       placeholder="请输入手机号码" type="text">
            </p>
            <p class="form-verification">
                <input class="form-input verification-input" [(ngModel)]="formData.verification" placeholder="请输入验证码"
                       type="text">
                <span class="verification-btn">获取验证码</span>
            </p>
            <p>
                <input class="form-input" [(ngModel)]="formData.password" placeholder="请输入密码" type="text">
            </p>
        </div>
        <div class="form-description">密码规则：由8-16位的大写字母、小写字母、数字、特殊符号其中三种或以上组成</div>
        <div class="form-reminder">
                        <span class="check-icon" (click)="checkClause()"
                              [ngClass]="{'checked-icon':checkedClause}"></span>我已阅读并同意<span
                class="form-hl-text">用户隐私政策</span>和<span
                class="form-hl-text">软件服务协议</span>
        </div>
        <div class="register-footer">
            <button class="block-btn" (click)="getRegister()">注册</button>
        </div>
    </div>
</ion-content>
